<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>湖南省自来水公司营销管理信息系统</title>

    <link rel="stylesheet" href="../../../css/reset.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/text.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/form.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/buttons.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/grid.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/layout.css" type="text/css" media="screen" title="no title" />

    <link rel="stylesheet" href="../../../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
    <link rel="stylesheet" href="../../../css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />

    <link rel="stylesheet" href="../../../css/custom.css" type="text/css" media="screen" title="no title">
    <style type="text/css">
        table.data th { text-align:center !important; }
        table.data tbody tr td { vertical-align:middle; text-align:center; }
        td.content { text-align:left !important; vertical-align:top !important; }
        table.forminfo { width:100%; }
        table.forminfo td { text-align:left; vertical-align:top !important; margin:0px !important; padding:0px !important; }
        table.forminfo textarea { width:100%; height:80px; }
        table.forminfo button { margin:0px !important; }
    </style>
    <script type="text/javascript">
        //进入修改附加信息界面
        function editTag(tagID){
            $('#btnAddTag').hide();
            $('#btnEditTag').show();
            $('#btnCancelTag').show();
            if(tagID == 34)
                $('#txtTag').val('此户以前新开发区明景楼盘二期工程的遗留户，各部门请注意勘察现场');
            else if(tagID == 93)
                $('#txtTag').val('请稽查部门密切跟进此用户');

            $('#txtTag').focus();
        }

        //保存修改附加信息
        function saveEditTag(){
            newTag();
        }
        //放弃修改附加信息
        function cancelEditTag(){
            newTag();
        }
        //回到新增附加信息界面
        function newTag(){
            $('#btnEditTag').hide();
            $('#btnCancelTag').hide();
            $('#btnAddTag').show();
            $('#txtTag').val('');
        }
    </script>
</head>

<body>

<div id="wrapper">

	<#include "../common/header.ftl"/>


    <div id="content" class="xgrid">


        <div class="x12">

            <h2>
                工单信息
			${ordernoOne.orderno}
<#switch ordernoOne.ordertype>
	<#case 1>
								  <td>新户</td>
		<#break>
	<#case 2>
								 <td>分户</td>
		<#break>
	<#case 3>
								 <td>过户</td>
		<#break>
	<#case 4>
								 <td>代扣</td>
		<#break>
	<#case 5>
								 <td>换表</td>
		<#break>
	<#case 6>
								 <td>重签</td>
		<#break>
	<#case 7>
								 <td>销户</td>
		<#break>
	<#default>
</#switch>
			${ordernoOne.username}
            </h2>

            <div class="tab_container">
                <ul class="tabs">
                    <li><a href="#tab1">流程记录</a></li>
                    <li><a href="#tab2">基本信息</a></li>
                    <li><a href="#tab3">用户详细表</a></li>
                    <li><a href="#tab4">表计详细表</a></li>
                    <li><a href="#tab5">其它信息</a></li>
                    <li><a href="#tab6">交费信息</a></li>
                </ul>
                <div class="tab_content_container">
                    <div id="tab1" class="tab_content">
                        <!-- 流程记录 -->
                        <table width="100%">
                            <tbody>
                            <tr>
                                <td width="48%">
                                    <!-- 历史记录 -->
                                    流程历史记录
                                    <table class="data display">
                                        <thead>
                                        <tr>
                                            <th width="20"></th>
                                            <th width="100">处理时间</th>
                                            <th>内容</th>
                                            <th width="100">操作人</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                       <#list beHistories as beHistorie>
                                        <tr class="odd">
                                            <td>${beHistorie_index+1}</td>

                                            <#if !beHistorie_has_next>
                                            <td></td>
                                            <td>[当前]${beHistorie.StepName}</td>
                                            <td></td>
                                            <#else>
                                            <td>${beHistorie.Datee?string('yyyy/MM/dd HH:mm:ss')}</td>
                                                <td>[完成]${beHistorie.StepName}</td>
                                            <td>${beHistorie.EmpName}</td>
                                            </#if>
                                        </tr>
                                       </#list>
                                        </tbody>
                                    </table>
                                    <!-- 历史记录结束 -->
                                </td>
                                <td width="2%"></td>
                                <td width="50%">
                                    <!-- 附加信息 -->
                                    附加信息记录
                                    <table class="data display">
                                        <thead>
                                        <tr>
                                            <th width="100"></th>
                                            <th>内容</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr class="odd">
                                            <td><b>马云</b><br/>2013/12/5 12:28:31<br/>
                                                <a href="javascript:;" onClick="editTag(34);">改</a>
                                                <a href="javascript:;" onClick="showDialog('确认删除吗？');">删</a>
                                                <br/></td>
                                            <td class="content">此户以前新开发区明景楼盘二期工程的遗留户，各部门请注意勘察现场</td>
                                        </tr>
                                        <tr class="even">
                                            <td><b>雷海军</b><br/>2013/12/8 12:28:31<br/><br/></td>
                                            <td class="content">已勘察，此户无异常，原先的地铁线路已对施工无影响，施工可正常进行。</td>
                                        </tr>
                                        <tr class="odd">
                                            <td><b>雷海军</b><br/>2014/1/3 12:28:31<br/><br/></td>
                                            <td class="content">最新情况，此户实为华丰房地产公司，他们还欠我们30万施工费未结清。</td>
                                        </tr>
                                        <tr class="even">
                                            <td><b>王重阳</b><br/>2013/1/18 12:28:31<br/><br/></td>
                                            <td class="content">经协商，华丰房地产公司已结清施工费15万元，请马经理批准施工。</td>
                                        </tr>
                                        <tr class="odd">
                                            <td><b>马云</b><br/>2013/12/5 12:28:31<br/>
                                                <a href="javascript:;" onClick="editTag(93);">改</a>
                                                <a href="javascript:;" onClick="showDialog('确认删除吗？');">删</a>
                                                <br/></td>
                                            <td class="content">请稽查部门密切跟进此用户</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <div style="float:left;"><textarea id="txtTag" style="width:330px;height:80px;"></textarea></div>
                                    <div><button
                                            id="btnAddTag" style="height:94px;width:100px;">添加附加信息</button><button
                                            id="btnEditTag" style="height:47px;width:100px;display:none;"
                                            onClick="saveEditTag();">保存修改</button><button
                                            id="btnCancelTag" style="height:47px;width:100px;display:none;"
                                            onClick="cancelEditTag();">放弃修改</button></div>

                                    <!-- 附加信息结束 -->
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 流程记录结束 -->
                    </div>
                    <div id="tab2" class="tab_content">

                        <!-- 基本信息 -->
                        <table width="100%">
                            <thead>
                            <tr>
                                <th width="60"></th>
                                <th width="220"></th>
                                <th width="60"></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>用户名称</td>
                                <td><input readonly="readonly" value="${ordernoOne.username}" /></td>
                                <td>用户类型</td>
                                <td><input readonly="readonly" value="${ordernoOne.usertype}" /></td>
                            </tr>
                            <tr>
                                <td>联系人</td>
                                <td><input readonly="readonly" value="${ordernoOne.linkman}" /></td>
                                <td>联系电话</td>
                                <td><input readonly="readonly" value="${ordernoOne.phone}" /></td>
                            </tr>
                            <tr>
                                <td>用户地址</td>
                                <td colspan="3"><input size="68" readonly="readonly" value="${ordernoOne.address}" /></td>
                            </tr>
                            <tr>
                                <td>用水量</td>
                                <td><input readonly="readonly" value="${ordernoOne.maxamount}吨" /></td>
                                <td>申请表径</td>
		<#switch ordernoOne.metertypeid>
			<#case 1>
					<td><input readonly="readonly" value="DN10" /></td>
				<#break>
			<#case 2>
					<td><input readonly="readonly" value="DN15" /></td>
				<#break>
			<#case 3>
					<td><input readonly="readonly" value="DN20" /></td>
				<#break>
			<#case 4>
					<td><input readonly="readonly" value="DN40" /></td>
				<#break>
			<#case 5>
					<td><input readonly="readonly" value="DN80" /></td>
				<#break>
			<#case 6>
					<td><input readonly="readonly" value="DN100" /></td>
				<#break>
			<#case 7>
					<td><input readonly="readonly" value="DN200" /></td>
				<#break>
			<#case 8>
					<td><input readonly="readonly" value="DN500" /></td>
				<#break>
			<#case 9>
					<td><input readonly="readonly" value="DN1000" /></td>
				<#break>
			<#default>
		</#switch>
                            </tr>
                            <tr>
                                <td>房屋层次</td>
                                <td><input readonly="readonly" value="${ordernoOne.househeight}" /></td>
                                <td>接水用途</td>
                                <td><input readonly="readonly" value="${ordernoOne.usetarget}" /></td>
                            </tr>
                            <tr>
                                <td>备注说明</td>
                                <td colspan="3"><input size="68" readonly="readonly" value="${ordernoOne.userremark}" /></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>收费方式</td>
                                <td><input readonly="readonly" value="${ordernoOne.paytype}" /></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>开户银行</td>
                                <td><input readonly="readonly" value="${ordernoOne.bankcompany}" /></td>
                                <td>银行账号</td>
                                <td><input readonly="readonly" value="${ordernoOne.banknum}" /></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>原户编码</td>
                                <td><input readonly="readonly" value="${ordernoOne.olduserno}" /></td>
                                <td>原户姓名</td>
                                <td><input readonly="readonly" value="${ordernoOne.oldusername}" /></td>
                            </tr>
                            <tr>
                                <td>原户电话</td>
                                <td><input readonly="readonly" value="${ordernoOne.olduserphone}" /></td>
                                <td>原户表径</td>
                                <td><input readonly="readonly" value="${ordernoOne.oldmeter}" /></td>
                            </tr>
                            <tr>
                                <td>原户地址</td>
                                <td colspan="3"><input size="68" readonly="readonly" value="${ordernoOne.olduseraddr}" /></td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 基本信息 -->

                    </div>
                    <div id="tab3" class="tab_content">
                        <!-- 用户详细表 -->
                        <table class="data display">
                            <thead>
                            <tr>
                                <th width="30">序号</th>
                                <th width="80">姓名</th>
                                <th width="80">电话</th>
                                <th width="80">短信号码</th>
                                <th>地址</th>
                                <th width="80">合同编号</th>
                                <th width="80">档案号</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd">
                                <td>1</td>
                                <td>张三</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>2</td>
                                <td>李四</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>3</td>
                                <td>王五</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>4</td>
                                <td>赵六</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>5</td>
                                <td>钱七</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>6</td>
                                <td>唐八</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>7</td>
                                <td>何九</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>8</td>
                                <td>布十</td>
                                <td>13012384384</td>
                                <td>13012384384</td>
                                <td>旧城区中兴前路胡人老街老鼠巷194号3楼</td>
                                <td>4920X10</td>
                                <td>3499A123</td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 用户详细表 -->
                    </div>
                    <div id="tab4" class="tab_content">
                        <!-- 表计详细表 -->
                        <table class="data display">
                            <thead>
                            <tr>
                                <th width="30">序号</th>
                                <th width="80">姓名</th>
                                <th width="80">表径</th>
                                <th width="80">表身码</th>
                                <th width="80">最大表码值</th>
                                <th width="80">起始码</th>
                                <th width="100">水表厂家</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd">
                                <td>1</td>
                                <td>张三</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>2</td>
                                <td>李四</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>3</td>
                                <td>王五</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>4</td>
                                <td>赵六</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>5</td>
                                <td>钱七</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>6</td>
                                <td>唐八</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>7</td>
                                <td>何九</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>8</td>
                                <td>布十</td>
                                <td>DN40</td>
                                <td>XT1998576</td>
                                <td>99999</td>
                                <td>2</td>
                                <td>湖南大成水表厂</td>
                                <td></td>
                            </tr>

                            </tbody>
                        </table>
                        <!-- 表计详细表 -->
                    </div>
                    <div id="tab5" class="tab_content">
                        <!-- 其它信息 -->
                        <table width="100%">
                            <thead>
                            <tr>
                                <th width="60"></th>
                                <th width="220"></th>
                                <th width="60"></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>建单日期</td>
                                <td><input readonly="readonly" value="2014年01月03日" /></td>
                                <td>关单日期</td>
                                <td><input readonly="readonly" value="2014年02月02日" /></td>
                            </tr>
                            <tr>
                                <td>开工日期</td>
                                <td><input readonly="readonly" value="2014年01月07日" /></td>
                                <td>竣工日期</td>
                                <td><input readonly="readonly" value="2014年01月25日" /></td>
                            </tr>
                            <tr>
                                <td>审核人</td>
                                <td><input readonly="readonly" value="马云" /></td>
                            </tr>
                            <tr>
                                <td style="vertical-align:top;">审核意见</td>
                                <td colspan="3">
                                    <textarea readonly="readonly" style="width:426px;height:150px;">同意</textarea>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 其它信息 -->
                    </div>
                    <div id="tab6" class="tab_content">
                        <!-- 交费信息 -->
                        <table width="100%">
                            <thead>
                            <tr>
                                <th width="60"></th>
                                <th width="220"></th>
                                <th width="60"></th>
                                <th width="220"></th>
                                <th width="60"></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>总应收</td>
                                <td><input readonly="readonly" class="right" value="24000" /> 元</td>
                                <td>总实收</td>
                                <td><input readonly="readonly" class="right" value="15000" /> 元</td>
                                <td>总欠缴</td>
                                <td><input readonly="readonly" class="right" value="9000" /> 元</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="data display">
                            <thead>
                            <tr>
                                <th width="30">序号</th>
                                <th width="80">姓名</th>
                                <th width="80">应交金额</th>
                                <th width="80">实收金额</th>
                                <th width="80">发票号</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd">
                                <td>1</td>
                                <td>张三</td>
                                <td>3000</td>
                                <td>3000</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>2</td>
                                <td>李四</td>
                                <td>3000</td>
                                <td>3000</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>3</td>
                                <td>王五</td>
                                <td>3000</td>
                                <td>3000</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>4</td>
                                <td>赵六</td>
                                <td>3000</td>
                                <td>0</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>5</td>
                                <td>钱七</td>
                                <td>3000</td>
                                <td>3000</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>6</td>
                                <td>唐八</td>
                                <td>3000</td>
                                <td>0</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="odd">
                                <td>7</td>
                                <td>何九</td>
                                <td>3000</td>
                                <td>3000</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            <tr class="even">
                                <td>8</td>
                                <td>布十</td>
                                <td>3000</td>
                                <td>0</td>
                                <td>48893933</td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 交费信息 -->
                    </div>
                </div>
            </div>

        </div> <!-- .x12 -->

    </div> <!-- #content -->

    <div id="footer">
        <div class="content_pad">
            <p>&copy; 2013-11 版权所有 <a href="#">湖南省自来水公司</a>.   技术支持 <a href="#">华瑞教育</a>.</p>
        </div> <!-- .content_pad -->
    </div> <!-- #footer -->

</div> <!-- #wrapper -->

<script src="../../../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../../../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../../../js/misc/excanvas.min.js"></script>
<script src="../../../js/jquery/facebox.js"></script>
<script src="../../../js/jquery/jquery.visualize.js"></script>
<script src="../../../js/jquery/jquery.dataTables.min.js"></script>
<script src="../../../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../../../js/jquery/jquery.uniform.min.js"></script>
<script src="../../../js/jquery/jquery.placeholder.min.js"></script>

<script src="../../../js/widgets.js"></script>
<script src="../../../js/dashboard.js"></script>

<script type="text/javascript">

    $(document).ready ( function ()
    {
        Dashboard.init ();

        //选项卡初始化
        $('.tab_container').tabs ();
    });

</script>

</body>

</html>